<template>
	<view>
		<view class='UCenter-bg'>
			<image src='/static/logo.png' class='png' mode='widthFix'></image>
			<view class='text-xl'> 仔仔 </view>
			<view class='margin-top-sm'>
				<text>普通会员</text>
			</view>
			<image src='https://image.weilanwl.com/gif/wave.gif' mode='scaleToFill' class='gif-wave'></image>
		</view>

		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
			<view class="cu-item arrow">
				<navigator class='content' open-type="navigate" hover-class='none' url="/pages/order/index/index">
					<text class='icon-send text-cyan'></text>
					<text class='text-grey'>历史记录</text>
				</navigator>
			</view>
			<view class="cu-item arrow">
				<navigator class='content' open-type="navigate" hover-class='none' url="/pages/vipcard/index/index">
					<text class='icon-vipcard text-green'></text>
					<text class='text-grey'>求片中心</text>
				</navigator>
			</view>
			<view class="cu-item arrow">
				<navigator class='content' open-type="navigate" hover-class='none' url="/pages/coupon/index/index">
					<text class='icon-ticket text-red'></text>
					<text class='text-grey'>意见反馈</text>
				</navigator>
			</view>
			<view class="cu-item arrow">
				<navigator class='content' open-type="navigate" hover-class='none' url="/pages/user/address/index">
					<text class='icon-location text-orange'></text>
					<text class='text-grey'>神秘功能</text>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my",
		data() {
			return {


			};
		}
	}
</script>

<style lang="scss">
.UCenter-bg {
    background: #000;
    height: 550rpx;
    display: flex;
    justify-content: center;
    padding-top: 40rpx;
    overflow: hidden;
    position: relative;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-weight: 300;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.UCenter-bg text {
    opacity: 0.8;
}

.UCenter-bg image {
    width: 200rpx;
    height: 200rpx;
}

.UCenter-bg .gif-wave{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
    mix-blend-mode: screen;
    height: 100rpx;
}

map,.mapBox{
    left: 0;
    z-index: 99;
    mix-blend-mode: screen;
    height: 100rpx;
}

map,.mapBox{
    width: 750rpx;
    height: 300rpx;
}
</style>
